<template>
<div>
  <router-link class="page-back" v-if="visible" :to="'/'">
    &lt;
  </router-link>
  <router-view></router-view>
</div>
</template>

<style>
@reset-global mobile;
html,
body {
  background-color: #fafafa;
  -webkit-overflow-scrolling: touch;
  user-select: none;
}

a {
  color: inherit;
}

.page-back {
  display: inline-block;
  position: absolute 12px * * 10px;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  background: #eee;
}
</style>

<script type="text/babel">
export default {
  computed: {
    visible() {
      return ['/', '/header', '/search'].indexOf(this.$route.path) < 0;
    }
  }
};
</script>
